<!--
 * @Author: your name
 * @Date: 2021-07-06 16:40:43
 * @LastEditTime: 2021-08-10 16:58:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /thousandsilk/src/pages/home/HomeHead.vue
-->
<template>
  <div class="head">
    <div class="head_left">
      <img
        src="../../../src/assets/image/icon_home_monkey.png"
        width="43px"
        height="46px"
      />
      <span id="dongbo">动博士</span>
    </div>
    <div class="head_right">
      <span>首页</span>
      <span>关于我们</span>
    </div>
  </div>
</template>
<script>
export default {
  name: 'HomeHead'
}
window.onload = function () {
  var dongbo = document.getElementById("dongbo")
  dongbo.onclick = function () {
    var arr = [4, 7, 5, 8, 6, 9];


    alert(arr);
  }
}
</script>
<style scoped >
.head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: white;
}
.head_left {
  flex-grow: 1;
}
.head_right {
  flex-grow: 1;
}
</style>
